let setPic = [
			// 将自己图片的地址存放到变量中
			'./img/vmall-activity-03.jpg',
			'img/1.jpg',
			'img/2.jpg',
			
		];

		let time = (function(){
			// 定时器句柄
	        let hTime; 

			function start(){
				hTime = setInterval(function(){
					showImg.src = setPic[ keyImg.inc() ];
				},2000)
			}
			function stop(){
				clearInterval(hTime);
			}

			return {start:start, stop:stop};
		}())


		// 围绕着下标 封装一个对象
		let keyImg = (function(){
			let i = 0; // 图片数组下标. 当前显示图片的下标
			// 加1
			function inc(){
				i++;
				if (i >= setPic.length) {
					i = 0;
				}
				return i;
			}
			// 减1
			function dec(){
				i--;
				if (i < 0) {
					i = setPic.length-1;
				}
				return i;
			}
			return {inc:inc, dec:dec}

		}())

		// 每隔2秒显示下一张图片
		let showImg = document.querySelector('.box3 img')
		
		
		time.start();

		// 上一张
		let btnPrev = document.querySelector('.prev')
		btnPrev.onclick = function(){

			// 停止定时器
			time.stop();

			// 设置减1后的图片为当前图片
			showImg.src = setPic[ keyImg.dec() ];

			// 开启定时器
			time.start();
		}


		// 下一张
		let btnNext = document.querySelector('.next')
		btnNext.onclick = function(){

			// 停止定时器
			time.stop();

			// 设置当前要显示的图片
			showImg.src = setPic[ keyImg.inc() ];

			// 开启定时器
			time.start();
		}